<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>ipr服务平台</title>
		<link rel="stylesheet" href="/ipr-s/layui/css/layui.css" />
		<link rel="stylesheet" href="/ipr-s/css/global.css" />
		<script type="text/javascript" src="/ipr-s//layui/layui.js"></script>
		<link href="/ipr-s/util/zhiyexuanzhi/base.css" rel="stylesheet" type="text/css" />
		<link href="/ipr-s/util/zhiyexuanzhi/big-window.css" rel="stylesheet" type="text/css" />
		<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
		<script src="/ipr-s/util/zhiyexuanzhi/position.data.min.js" type="text/javascript"></script>
		<script src="/ipr-s/util/zhiyexuanzhi/jquery.position.select.js" type="text/javascript"></script>

		<script type="text/javascript">
			$(document).ready(function() {
				$("#occupation").bind("click", function() {
					$("#occupation").positionSelect({
						containerId: "positionDiv",
						className: "big-window",
						nameId: "occupation"
					});
				});
			});
		</script>
	</head>

	<body>
		<div class="layui-header header header-doc" style="background-color: #009688!important;">
			<div class="layui-main">
				<a class="logo" href="/ipr-s/index">
					<img src="/ipr-s/img/ipr-logo-hkwwt-cut.png" />
				</a>
				<div class="layui-form component">
					<div class="layui-form-select">
						<div class="layui-form-select">
							<input type="text" placeholder="abc" value class="layui-input" />
							<i class="layui-edge"></i>
						</div>

					</div>
				</div>
				<ul class="layui-nav layui-bg-green">
					<li class="layui-nav-item layui-this">
						<a href="/demo/">发布招聘信息
							<!-- <span class="layui-badge-dot"></span> --></a>
					</li>
					<li class="layui-nav-item ">
						<a href="/ipr-s/enterprise_resume">浏览简历
							<!-- <span class="layui-badge-dot"></span> --></a>
					</li>
					<li class="layui-nav-item ">
						<a href="/demo/">预约面试
							<!-- <span class="layui-badge-dot"></span> --></a>
					</li>
					<li class="layui-nav-item ">
						<a href="/demo/">签约反馈
							<!-- <span class="layui-badge-dot"></span> --></a>
					</li>

					<li class="layui-nav-item  ">
						<!--<span class="layui-badge-dot" style="margin: -4px 3px 0;"></span>-->
						<a href="javascript:;">登陆</a>
						<dl class="layui-nav-child">
							<dd class="  layui-show-xs">
								<a href="http://fly.layui.com/" target="_blank">修改信息</a>
								<!--<hr>-->
							</dd>
							<dd>
								<a href="http://layim.layui.com/" target="_blank">退出</a>
							</dd>

						</dl>
					</li>

					<!--<li class="layui-nav-item layui-hide-xs">
						<a href="/admin/" target="_blank">后台方案<span class="layui-badge-dot"></span></a>
					</li>-->

				</ul>

			</div>
		</div>
		</div>

		<div id="index-main" class="layui-container">

			<div class="layui-row">
				<div class="layui-col-md3">
					<div class="site-tree">
						<ul class="layui-tree">
							<li>
								<h2>测试一下</h2>
							</li>
							<li class="site-tree-noicon">
								<a href="/">
									<cite>开始使用</cite>
									<em>Getting Started</em>
								</a>
							</li>
							<li class="site-tree-noicon">
								<a href="/">
									<cite>开始使用</cite>
									<em>Getting Started</em>
								</a>
							</li>
							<li class="site-tree-noicon">
								<a href="/">
									<cite>开始使用</cite>
									<em>Getting Started</em>
								</a>
							</li>
							<li class="site-tree-noicon">
								<a href="/">
									<cite>开始使用</cite>
									<em>Getting Started</em>
								</a>
							</li>
							<li>
								<h2>突然分割</h2>
							</li>
							<li class="site-tree-noicon">
								<a href="/">
									<cite>开始使用</cite>
									<em>Getting Started</em>
								</a>
							</li>
							<li class="site-tree-noicon">
								<a href="/">
									<cite>开始使用</cite>
									<em>Getting Started</em>
								</a>
							</li>
						</ul>

					</div>

				</div>
				<div class="layui-col-md9">
					<hr class="layui-bg-orange" />
					<blockquote class="layui-elem-quote">发布职位：</blockquote>
					<form class="layui-form">
						<div class="layui-form-item">
							<label class="layui-form-label">职位名称：</label>
							<div class="layui-input-block">
								<input type="text" name="post_name" placeholder="如人力资源经理" autocomplete="off" class="layui-input">
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label">职业性质：</label>
							<div class="layui-input-block">
								<input type="radio" name="post_properties" value="全职" title="全职">
								<input type="radio" name="post_properties" value="兼职" title="兼职" checked>
								<input type="radio" name="post_properties" value="实习" title="实习">
								<input type="radio" name="post_properties" value="校园" title="校园">
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label">职业类别：</label>
							<!--  -->
							<!-- 职位-->
							<div class="layui-input-block">
								<input type="text" name="post_category" id="occupation" placeholder="点击选择职业" autocomplete="off" class="layui-input">
							</div>
						</div>
						<div id="positionDiv"> </div>
						<div class="big-window bg-f0 " id="position">
							<div class="title">
								<b>选择职位</b><span class="tip">(最多选择5项)</span>
								<a href="#" onclick="javascript:closeposition()">
								</a>
							</div>
							<div class="sele-tag">
								<dl>
									<dt>已选择：</dt>
									<dd>
										<a href="#">已选择的职位1</a>
										<a href="#">已选择的职已选择的职位位2</a>
										<a href="#">已选择已选择的职位的职位3</a>
										<a href="#">已已选择的职位选择的职位4</a>
										<a href="#">已已选择的职位选择的职位5</a>
										<a href="#" class="btn">确 定</a>
									</dd>
								</dl>
							</div>
							<div class="position-menu">
								<div class="menu_1">
									<ul>
										<li>销售|客服|市场</li>
										<li>财务|人力资源|行政</li>
										<li class="sele">项目|质量|高级管理</li>
										<li>IT|互联网|通信</li>
										<li>房产|建筑|物业管理</li>
										<li>金融</li>
										<li>采购|贸易|交通|物流</li>
										<li>生产|制造</li>
										<li>传媒|印刷|艺术|设计</li>
										<li>咨询|法律|教育|翻译</li>
										<li>服务业</li>
										<li>能源|环保|农业|科研</li>
										<li>兼职|实习|社工|其他</li>
									</ul>
								</div>
								<div class="sub-menu">
									<dl>
										<dt>电信/通信技术开发及应用</dt>
										<dd>
											<a href="#">互联网/电子商务 </a>
											<a href="#">计算机软件 </a>
											<a href="#">IT服务(系统/数据/维护) </a>
											<a href="#">电子技术/半导体/集成电路 </a>
											<a href="#">计算机硬件 </a>
											<a href="#">通信/电信/网络设备 </a>
											<a href="#">通信/电信运营、增值服务 </a>
											<a href="#">网络游戏</a>
										</dd>
									</dl>
									<dl>
										<dt>财务/审计/税务</dt>
										<dd>
											<a href="#">快速消费品（食品/饮料/烟酒/日化） </a>
											<a href="#">耐用消费品（服饰/纺织/皮革/家具/家电） </a>
											<a href="#">
												贸易/进出口 </a>
											<a href="#">零售/批发 </a>
											<a href="#">租赁服务 </a>
										</dd>
									</dl>
									<dl>
										<dt>交通运输服务</dt>
										<dd>
											<a href="#">互联网/电子商务 </a>
											<a href="#">计算机软件 </a>
											<a href="#">IT服务(系统/数据/维护) </a>
											<a href="#">电子技术/半导体/集成电路 </a>
											<a href="#">计算机硬件 </a>
											<a href="#">通信/电信/网络设备 </a>
											<a href="#">通信/电信运营、增值服务 </a>
											<a href="#">网络游戏</a>
										</dd>
									</dl>
									<dl>
										<dt>生物/制药/医疗器械</dt>
										<dd>
											<a href="#">快速消费品（食品/饮料/烟酒/日化） </a>
											<a href="#">耐用消费品（服饰/纺织/皮革/家具/家电） </a>
											<a href="#">
												贸易/进出口 </a>
											<a href="#">零售/批发 </a>
											<a href="#">租赁服务 </a>
										</dd>
									</dl>
									<dl>
										<dt>互联网产品/运营管理</dt>
										<dd>
											<a href="#">汽车/摩托车</a>
											<a href="#">大型设备/机电设备/重工业 </a>
											<a href="#">加工制造（原料加工/模具） </a>
											<a href="#">仪器仪表及工业自动化 </a>
											<a href="#">印刷/包装/造纸 </a>
											<a href="#">办公用品及设备 </a>
											<a href="#">
												医药/生物工程 </a>
											<a href="#">医疗设备/器械 </a>
											<a href="#">航空/航天研究与制造</a>
										</dd>
									</dl>
									<dl>
										<dt>房地产|建筑业</dt>
										<dd>
											<a href="#">房地产/建筑/建材/工程 </a>
											<a href="#">家居/室内设计/装饰装潢 </a>
											<a href="#">物业管理/商业中心</a>
										</dd>
									</dl>
								</div>
							</div>
						</div>

						<div class="layui-form-item">
							<label class="layui-form-label">所在地：</label>
							<div class="layui-inline" id="city_1">
								<select lay-ignore name="work_district_prov" class="prov ">

								</select>
								<label class="layui-inline">省</label>
								<select lay-ignore name="work_district_city" class="city " disabled="disabled">

								</select>
								<label class=" layui-inline">市</label>
							</div>

							<div class="layui-inline ">

							</div>

						</div>

						<div class="layui-form-item">
							<label class="layui-form-label">职位月薪：</label>
							<div class="layui-inline" id="">
								<select name="post_salary" class=" ">
									<option value="">请选择月薪</option>
									<option value="1000元以下">1000元以下</option>
									<option value="2000-4000元">2000-4000元</option>
									<option value="4000-6000">4000-6000元</option>
									<option value="6000-8000元">6000-8000元</option>
									<option value="8000-10000元">8000-10000元</option>
									<option value="10000-15000元">10000-15000元</option>
									<option value="15000-20000元">15000-20000元</option>
									<option value="20000-30000元">20000-30000元</option>
									<option value="30000-50000元">30000-50000元</option>
									<option value="50000-70000元">50000-70000元</option>
									<option value="70000-100000元">70000-100000元</option>
									<option value="100000元以上">100000元以上</option>

								</select>

							</div>

						</div>

						<hr class="layui-bg-orange">
						<div class="layui-form-item">
							<label class="layui-form-label">招聘人数：</label>
							<div class="layui-inline" id="">
								<input type="text" name="person_number" placeholder="输入招聘人数" autocomplete="off" class="layui-input">

							</div>
							<label class=" layui-inline">人</label>
						</div>

						<div class="layui-form-item">
							<label class="layui-form-label">学历要求：</label>
							<div class="layui-inline" id="">
								<select name="post_education" class=" ">
									<option value="">请选择学历</option>
									<option value="学历不限">学历不限</option>
									<option value="本科">本科</option>
									<option value="硕士">硕士</option>
									<option value="博士">博士</option>
									<option value="大专">大专</option>
									<option value="中专">中专</option>
									<option value="中技">中技</option>
									<option value="高中以下">高中以下</option>
								</select>

							</div>
							<label class=" layui-inline">及以上</label>
						</div>

						<div class="layui-form-item">
							<label class="layui-form-label">工作年限：</label>
							<div class="layui-inline" id="">
								<select name="work_years" class=" ">
									<option value="">请选择工作年限</option>
									<option value="经验不限">经验不限</option>
									<option value="无经验">无经验</option>
									<option value="1年以下">1年以下</option>
									<option value="1-3年">1-3年</option>
									<option value="3-5年">3-5年</option>
									<option value="5-10年">5-10年</option>
									<option value="10年以上">10年以上</option>
								</select>

							</div>
							<label class=" layui-inline">及以上</label>
						</div>

						<hr class="layui-bg-orange">
						<div class="layui-form-item layui-form-text">
							<label class="layui-form-label">职位描述：</label>
							<div class="layui-input-block">
								<textarea name="post_discribe" placeholder="请勿输入公司邮箱、联系电话、薪资面议及外链，请不要包含性别歧视语" class="layui-textarea"></textarea>
							</div>
						</div>
						<div class="layui-form-item">
							<div class="layui-input-block">
								<button class="layui-btn" lay-submit lay-filter="enterprise_a_submit">立即提交</button>
								<button type="reset" class="layui-btn layui-btn-primary">重置</button>
							</div>
						</div>
					</form>
				</div>
			</div>

			<script>
				//注意：导航 依赖 element 模块，否则无法进行功能性操作
				layui.use('element', function() {
					var element = layui.element;

					//…
				});
				layui.use('layer', function() {

				var layer = layui.layer;
				 layer.open({
				type: 2,
					area: ['432px', '232px'],
					title: '登陆',
					 content: ['/ipr-s/login', 'no'], 
					success: function(layero, index) {
						var body = layer.getChildFrame('body', index);
						var iframeWin = window[layero.find('iframe')[0]['name']]; //得到iframe页的窗口对象，执行iframe页的方法：iframeWin.method();
						console.log(body.html()) //得到iframe页的body内容
						/*body.find('input').val('Hi，我是从父页来的')*/

					}
				});

				})
			</script>
			<script>
				//Demo
				layui.use('form', function() {
					var form = layui.form;

					//监听提交
					form.on('submit(enterprise_a_submit)', function(data) {
						//layer.msg(JSON.stringify(data.field));
						//console.log(JSON.stringify(data.field));
						
						//构建ajax 进行传输
						$(function(){
							$.ajax({
		                		dateType:"json",
		                		type: "post",
		                		url:"/ipr-s/job_posting",
		                		contentType : 'application/json;charset=utf-8',
		               			 /*async: false,*/
		               			 data:JSON.stringify(data.field),
		                		success: function(data) {
		                	 			//alert(data);
		                	 			// 0 表示发布成功 1表示失败  使用layer提示。
		                	 			layui.use('layer', function(){
		                	 				  var layer = layui.layer;
		                	 				  if(data =="0")
		                	 				  	layer.msg('发布成功！');
		                	 				  //do something ?
		                	 				  else
		                	 					 layer.msg('发布失败！');
		                	 				});   
		                			}
	            				});
				
				 
			 })
						
						
						
						
						return false;
					});
				});
			</script>
			<script type="text/javascript" src="/ipr-s/js/jquery.cityselect.js"></script>
			<script type="text/javascript">
				$(function() {
					$("#city_1").citySelect({
						nodata: "none",
						required: false
					});
				})
			</script>
	</body>

</html>